import PropTypes from 'prop-types'
import React, { memo } from 'react'
import { Sectionv1Wrapper } from './style'
import SectionHeader from '@/components/section-header'
import SectionRooms from '@/components/section-rooms'
import SectionFooter from '@/components/section-footer'

const Sectionv1 = memo(({dataInfo}) => {
  return (
    <Sectionv1Wrapper>
        <SectionHeader title={dataInfo.title} subtitle = {dataInfo.subtitle}/>
        <SectionRooms rooms = {dataInfo.list} width='25%'/>
        <SectionFooter type={dataInfo.type}/>
    </Sectionv1Wrapper>
  )
})

Sectionv1.propTypes = {
    dataInfo: PropTypes.object
}

export default Sectionv1